<!DOCTYPE htnl>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>浮动布局</title>
		<link rel="stylesheet" href="css/basic.css" />
		<link rel="stylesheet" href="css/style.css" />
	</head>
	<body>
		<header id="header">	
			<div class="center">
				<h2 class="logo">我的网站</h1>
				<nav>
					<h2 class="none">网站导航</h2>
					<ul class="link">
						<li class="active"><a href="###">首页</a></li>
						<li><a href="###">旅游资讯</a></li>
						<li><a href="###">机票订购</a></li>
						<li><a href="###">风景欣赏</a></li>
						<li><a href="###">公司简介</a></li>
					</ul>
				</nav>		
			</div>					
		</header>
		<div id="search">	
			<div class="center"></div>
			<input type="text" class="search"  placeholder="请输入旅游城市"/>
			<button class="button">搜索</button>
		</div>
		<div id="tour">
			<section class="center">
				<h2>热门旅游</h2>
				<p>国内旅游、国外旅游、自助旅游、自驾旅游、油轮签证、主题旅游等各种最新热门旅游推荐</p>
			</section>
			<figure>
				<img src="img/tour1.jpg" alt="" />
				<figcaption>
					<strong><曼谷-芭提雅6日游> </strong>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
					<div class="info">
						<span class="price">¥ <strong>2864</strong> 起</span>
						<em class="sat">满意度 77%</em>
					</div>
					<div class="type">国内长线</div>
				</figcaption>
			</figure>
			<figure>
				<img src="img/tour2.jpg" alt="" />
				<figcaption>
					<strong><曼谷-芭提雅6日游> </strong>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
					<div class="info">
						<span class="price">¥ <strong>2864</strong> 起</span>
						<em class="sat">满意度 77%</em>
					</div>
					<div class="type">国内长线</div>
				</figcaption>
			</figure>
			<figure>
				<img src="img/tour3.jpg" alt="" />
				<figcaption>
					<strong><曼谷-芭提雅6日游> </strong>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
					<div class="info">
						<span class="price">¥ <strong>2864</strong> 起</span>
						<em class="sat">满意度 77%</em>
					</div>
					<div class="type">国内长线</div>
				</figcaption>
			</figure>
			<figure>
				<img src="img/tour4.jpg" alt="" />
				<figcaption>
					<strong><曼谷-芭提雅6日游> </strong>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
					<div class="info">
						<span class="price">¥ <strong>2864</strong> 起</span>
						<em class="sat">满意度 77%</em>
					</div>
					<div class="type">国内长线</div>
				</figcaption>
			</figure>
			<figure>
				<img src="img/tour5.jpg" alt="" />
				<figcaption>
					<strong><曼谷-芭提雅6日游> </strong>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
					<div class="info">
						<span class="price">¥ <strong>2864</strong> 起</span>
						<em class="sat">满意度 77%</em>
					</div>
					<div class="type">国内长线</div>
				</figcaption>
			</figure>
			<figure>
				<img src="img/tour6.jpg" alt="" />
				<figcaption>
					<strong><曼谷-芭提雅6日游> </strong>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
					<div class="info">
						<span class="price">¥ <strong>2864</strong> 起</span>
						<em class="sat">满意度 77%</em>
					</div>
					<div class="type">国内长线</div>
				</figcaption>
			</figure>
			<figure>
				<img src="img/tour7.jpg" alt="" />
				<figcaption>
					<strong><曼谷-芭提雅6日游> </strong>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
					<div class="info">
						<span class="price">¥ <strong>2864</strong> 起</span>
						<em class="sat">满意度 77%</em>
					</div>
					<div class="type">国内长线</div>
				</figcaption>
			</figure>
			<figure>
				<img src="img/tour8.jpg" alt="" />
				<figcaption>
					<strong><曼谷-芭提雅6日游> </strong>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
					<div class="info">
						<span class="price">¥ <strong>2864</strong> 起</span>
						<em class="sat">满意度 77%</em>
					</div>
					<div class="type">国内长线</div>
				</figcaption>
			</figure>
			<figure>
				<img src="img/tour9.jpg" alt="" />
				<figcaption>
					<strong><曼谷-芭提雅6日游> </strong>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
					<div class="info">
						<span class="price">¥ <strong>2864</strong> 起</span>
						<em class="sat">满意度 77%</em>
					</div>
					<div class="type">国内长线</div>
				</figcaption>
			</figure>
		</div>
		<footer id="footer">
			<div class="top">
				<div class="block">
					<h2>合作伙伴</h2>
					<hr>
					<ul>
						<li><a href="###">途牛旅游网</a></li>
						<li><a href="###">驴妈妈旅游网</a></li>
						<li><a href="###">携程旅游</a></li>
						<li><a href="###">中国青年旅行社</a></li>
					</ul>
				</div>
				<div class="block">
					<h2>旅游FAQ</h2>
					<hr>
					<ul>
						<li><a href="###">旅游合同签订方式？</a></li>
						<li><a href="###">儿童价是基于什么制定的？</a></li>
						<li><a href="###">旅游的线路品质怎么界定的？</a></li>
						<li><a href="###">单房差是什么？</a></li>
						<li><a href="###">旅游保险有那些种类？</a></li>
					</ul>
				</div>
				<div class="block">
					<h2>联系方式</h2>
					<hr>
					<ul>
						<li><a href="###">微博：weibo.com/ycku</a></li>
						<li><a href="###">邮件：ycku@ycku.com</a></li>
						<li><a href="###">地址：江苏盐城无名路123号</a></li>				
					</ul>
				</div>
			</div>
			<div class="bottom">Copyright © YCKU 瓢城旅行社 | 苏ICP备120110119号 | 旅行社经营许可证：L-YC-BK12345</div>
		</footer>
	</body>
</html>